import {
  StyleSheet
} from "react-native"

export default StyleSheet.create({
  listItem: {
    width: "100%",
    flex: 1,
    backgroundColor: "#f9f9f9",
    marginBottom: 10,
    paddingRight: 20,
    paddingTop: 10,
    paddingBottom: 10,
    borderWidth: 1,
    borderColor: "#eee",
    borderStyle: "solid",
    borderRadius: 5,
    height: 100,
  },
  icon: {
    width: 50,
    height: 50,
  },
  listItemMarginTop0: {
    marginTop: 0,
  },
  bloggerName: {
    fontSize: 16,
    lineHeight: 20,
  },
  listItemContent: {
    flexDirection: "row",
  },
  listItemLeft: {
    width: 80,
    height: 80,
    flexDirection: "column",
    justifyContent: "space-around",
    alignItems: "center",
  },
  platformName: {
    color: "#666",
  },
  dish: {
    width: 4,
    height: 80,
    backgroundColor: "#f6db7b",
  },
  amount: {
    fontSize: 20,
    lineHeight: 20,
    color: "red",
    textAlign: "right",
  },
  listItemRight: {
    flex: 1,
    height: 80,
    flexDirection: "column",
    paddingLeft: 10,
    paddingRight: 10,
    justifyContent: "space-around",
  },
  no: {
    color: "#666",
    fontSize: 15,
  },
  remain: {
    color: 'red',
    fontSize: 13,
  },
  name: {
    color: "#333",
    fontSize: 16,
  },
})